<template>
    <div style="padding-bottom: 40px;width:700px;">
      <div style="width:32px;margin-right:10px;border-radius: 3px; margin-top:5px;height:10px;background-color:#ffd04b;float:left;">&nbsp;&nbsp;</div>
      <div style="float:left">
        <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="(item, index) in crumbs" :key="index" style="font-size:24px">{{
        item
      }}</el-breadcrumb-item>
    </el-breadcrumb>
      </div>
        
    </div>
</template>

<script setup lang="ts">
import {watch,watchEffect,ref} from 'vue'
import {useRoute} from 'vue-router'
const route=useRoute()
const crumbs=ref<string[]>([])

watchEffect(()=> {
    crumbs.value=route.meta.crumbs!
})
</script>

<style scoped>

</style>